<template>
  <div>
      <naviga-tion class="naviga-tion">
      <div slot="one">
        <img src="~assets/img/profile/tool/sign.svg" alt="" />
        <p>签到</p>
      </div>
      <div slot="two">
        <img src="~assets/img/profile/tool/bull.svg" alt="" />
        <p>账单</p>
      </div>
      <div slot="three">
        <img src="~assets/img/profile/tool/safety.svg" alt="" />
        <p>安全</p>
      </div>
      <div slot="four">
        <img src="~assets/img/profile/tool/loan.svg" alt="" />
        <p>借贷</p>
      </div>

      <div slot="five">
        <img src="~assets/img/profile/tool/recycle.svg" alt="" />
        <p>回收</p>
      </div>
    </naviga-tion>
  </div>
</template>

<script>
import NavigaTion from "./NavigaTion";
export default {
  name: "ToolItem",
  components: {
    NavigaTion,
  },
};
</script>

<style scoped>
.naviga-tion{
    text-align: center;
}

.naviga-tion div {
  width: 50%;
  margin: 20%;
}

.naviga-tion div img{
  width: 100%;

}
</style>